<template>
  <div class="home">
    <router-view class="fix"></router-view>
    <van-tabbar route>
      <van-tabbar-item replace to="/home/index" icon="home-o">外卖</van-tabbar-item>
      <van-tabbar-item replace to="/home/search" icon="search">搜索</van-tabbar-item>
      <van-tabbar-item replace to="/home/order" icon="friends-o">订单</van-tabbar-item>
      <van-tabbar-item replace to="/home/user" icon="setting-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
// @ is an alias to /src

export default {
  name: "Home",
  components: {},
};
</script>
<style lang="scss" scoped>
  .home{
    height: 100%;
    .fix{
      height: calc(100% - 50px);
    }
  }
</style>